<template>
  <div class="bell-tower-page">
    <h1>钟楼简介</h1>
    <div class="bell-tower-image">
      <img src="/static/images/zhonglou.jpg" alt="钟楼图片" />
    </div>
    <p>
      钟楼是一座历史悠久的建筑，位于市中心，是城市的标志性建筑之一。它建于15世纪，高约60米，以其精美的建筑工艺和重要的历史价值而闻名。
    </p>
    <button @click="generateNavigationLink">导航到钟楼</button>
  </div>
</template>

<script>
// export default {
//   name: 'BellTowerPage',
//   methods: {
// 	   generateNavigationLink() {
// 	    var currentLocation = `${latitude},${longitude}`; // 当前位置经纬度
// 	    var destination = "34.261,108.95"; // 钟楼的经纬度
// 	    var url = `https://uri.amap.com/ driving?origin=${currentLocation}&destination=${destination}`;
// 	    return url;
// 	  }
	  
// 	  // 使用
// 	  var navigationUrl = generateNavigationLink();
// 	  console.log(navigationUrl);
//   // }
// }
// }
</script>

<style scoped>
.bell-tower-page {
  text-align: center;
  padding: 20px;
}

.bell-tower-image img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}

button {
  margin-top: 20px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}
</style>